::view-transition-new(root),
::view-transition-old(root) {
  mix-blend-mode: normal;
  animation: none;
}

::view-transition-old(root) {
  z-index: 1;
}

::view-transition-new(root) {
  z-index: 2147483646;
}

html.dark::view-transition-old(root) {
  z-index: 2147483646;
}

html.dark::view-transition-new(root) {
  z-index: 1;
}

#app {
  width: 100%;
  height: 100%;
}

.core-svg-icon {
  width: 1em;
  height: 1em;
  overflow: hidden;
  vertical-align: text-top;
  fill: currentcolor;
  stroke: currentcolor;
}

.w-100-h-100 {
  width: 100%;
  height: 100%;
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

.iconfont {
  cursor: pointer;
}

.text-ellipses {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-ellipses-line-2 {
  display: box; /**  对象作为伸缩盒子模型展示  **/
  overflow: hidden; /**  隐藏超出的内容  **/
  text-overflow: ellipsis;
  -webkit-line-clamp: 2; /**  显示的行数  **/
  word-break: break-all; /* 允许在单词内换行 */
  white-space: normal;
  -webkit-box-orient: vertical; /**  设置或检索伸缩盒子对象的子元素的排列方式  **/
}

.core-main-wrap {
  min-height: 100%;
  padding: 20px;
  background-color: var(--core-bg-color-05);
}
